@charset "utf-8";
html, body { background: #fff; color: #333; 
	font: 14px/1.6 'Microsoft YaHei', Tahoma, Verdana, 'Simsun'; }
a {color: #333; text-decoration: none; transition:.2s;}
a:hover { color: #999; text-decoration: none; }
.container{padding:0!important;}
/*字号*/
.text-large { font-size: 21px !important; }
.text-big { font-size: 16px; }
.text-default { font-size: 14px; }
.text-small { font-size: 12px; }
.text-little { font-size: 10px; }
/*行距*/
.height-large { line-height: 40px; }
.height-big { line-height: 30px; }
.height { line-height: 24px; }
.height-small { line-height: 20px; }
.height-little { line-height: 16px; }
/*边框,全,上,下,左,右*/
.border { border: solid 1px #ddd; }
.border-top { border-top: solid 1px #ddd; }
.border-right { border-right: solid 1px #ddd; }
.border-bottom { border-bottom: solid 1px #ddd; }
.border-left { border-left: solid 1px #ddd; }
.border-left-right { border-left: solid 1px #ddd; border-right: solid 1px #ddd; }
.border-top-bottom { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.border-large { border-width: 10px; }
.border-big { border-width: 5px; }
.border-middle { border-width: 3px; }
.border-small { border-width: 2px; }
/*内边距,全,上,下,左,右*/
.padding-large { padding: 30px; }
.padding-large-top { padding-top: 30px; }
.padding-large-right { padding-right: 30px; }
.padding-large-bottom { padding-bottom: 30px; }
.padding-large-left { padding-left: 30px; }
.padding-big { padding: 20px; }
.padding-big-top { padding-top: 20px; }
.padding-big-right { padding-right: 20px; }
.padding-big-bottom { padding-bottom: 20px; }
.padding-big-left { padding-left: 20px; }
.padding { padding: 10px; }
.padding-top { padding-top: 10px; }
.padding-right { padding-right: 10px; }
.padding-bottom { padding-bottom: 10px; }
.padding-left { padding-left: 10px; }
.padding-small { padding: 5px; }
.padding-small-top { padding-top: 5px; }
.padding-small-right { padding-right: 5px; }
.padding-small-bottom { padding-bottom: 5px; }
.padding-small-left { padding-left: 5px; }
.padding-little { padding: 2px; }
.padding-little-top { padding-top: 2px; }
.padding-little-right { padding-right: 2px; }
.padding-little-bottom { padding-bottom: 2px; }
.padding-little-left { padding-left: 2px; }
/*外边距,全,上,下,左,右*/
.margin-large { margin: 30px; }
.margin-large-top { margin-top: 30px; }
.margin-large-right { margin-right: 30px; }
.margin-large-bottom { margin-bottom: 30px; }
.margin-large-left { margin-left: 30px; }
.margin-big { margin: 20px; }
.margin-big-top { margin-top: 20px; }
.margin-big-right { margin-right: 20px; }
.margin-big-bottom { margin-bottom: 20px; }
.margin-big-left { margin-left: 20px; }
.margin { margin: 10px !important; clear: both; }
.margin-top { margin-top: 10px; }
.margin-right { margin-right: 10px; }
.margin-bottom { margin-bottom: 10px; }
.margin-left { margin-left: 10px; }
.margin-small { margin: 5px; }
.margin-small-top { margin-top: 5px; }
.margin-small-right { margin-right: 5px; }
.margin-small-bottom { margin-bottom: 5px; }
.margin-small-left { margin-left: 5px; }
.margin-little { margin: 2px; }
.margin-little-top { margin-top: 2px; }
.margin-little-right { margin-right: 2px; }
.margin-little-bottom { margin-bottom: 2px; }
.margin-little-left { margin-left: 2px; }
/*首页部分*/
.page-container { margin-top: 85px; }
/*导航nav样式*/
header{ z-index: 100;height: 85px;background: #282d30;position: fixed;left: 0;top: 0;width: 100%;font-size:14px;}
.d_nav_th{height: 85px; margin: 0px; padding: 0px; border: none; background:#fff;}/* background:#282d30; */
.d_nav_th .container-fluid,.d_nav_th .container-fluid > .navbar-header,.d_nav_th .navbar-collapse{padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px;}
.d_nav_th .navbar-nav,.d_nav_th .navbar-form{margin:0px;}
.d_nav_th .navbar-nav{
	margin-right: 200px;
}
.d_nav_th li.nav2li .dropdown-menu{left:0px;background:#e66a10;}
.d_nav_th .reslang .dropdown-menu{left: initial;}
.nav2li>a{height: 85px !important; padding:0px 15px !important; line-height: 85px !important; color:#7d7f7f;}
.d_nav_th .nav2li>a:hover{color:#fff;background-color: #e66a10;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {color:#fff;background-color: #e66a10;}
.nav3ul{border:0px; border-radius:0px;padding: 0px;}
.nav3li>a{line-height: 40px !important;color:#fff!important;}
.nav3li>a:hover, .nav3li>a:focus {background:#e66a10!important;}
.nav3li:hover ul{
	display:block;
}
.nav3li ul{
	top: -2px !important;
    left: 190px !important;/* 175 */
	background-color:#e66a10 !important;
}

.d_nav_th .navdown>a{color:#fff;background-color: #e66a10;}
.d_nav_th .navbar-toggle{width: 40px; height: 50px;  
	margin: 20px 0 15px 0px;
	border: 0px solid transparent; border-radius: 0px;}
.d_nav_th .navbar-toggle span, .d_nav_th .navbar-toggle  i{color: #e66a10; font-size: 20px;}
.d_nav_th .navbar-toggle  i{margin-top: -2px;}
/* 搜索 */
.sou_nei {
position: absolute;
right: 230px;
top: -1px;
/*background: #fff;*/

z-index: 99999;
padding: 6px;
border-radius: 4px;
}
.sou_nei input{width: 180px;
font-size: 12px;
padding: 5px;
border: 1px solid #9c9c9c;
border-radius: 7px;}
.posit{height:10px;margin-left: 19%;}/* 位置 */
@media (max-width: 767px) {
	header{position: relative;}
	.page-container { margin-top: 0px; }
	.d_nav_th .navdown>a {border-top: 5px solid #337ab7;background-color: #eee;color: #007cc3;}
	.d_nav_th .nav2li>a{border-top: 5px solid rgba(255,255,255,0);background-color: #fff;color: #333;}
	.d_nav_th .nav2li>a:hover {background-color: #eee;color: #e66a10;}
	.d_nav_th li.nav2li .dropdown-menu{background: #fff;border: 1px solid #fff;}
	.d_nav_th li.nav3li a{color: #333!important;}
	.d_nav_th .navbar-nav{margin-right:0;}
	.nav3li ul{
		background-color:#fff !important;
		padding-left: 20px;
	}
	.d_nav_th .navbar-nav .dropdown-menu{display:block; position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; -webkit-box-shadow:none; box-shadow:none;}
	.d_nav_th .navdown>a {border-top:5px solid #e66a10; background-color:#eee; color:#e66a10;}
	.d_nav_th .navbar-collapse{width: 100%;}
	.d_nav_th .navbar-nav .dropdown-menu > li > a{padding: 3px 20px 3px 30px;}
	.d_nav_th .navbar-nav .open .dropdown-menu > li > a{padding: 3px 20px 3px 30px;}
	.d_nav_th .navbar-default .navbar-nav > .dropdown > a{color: #555 !important;  background-color: #e7e7e7 !important;}
	.nav2li>a{height: 50px !important; line-height: 42px !important;}
	.d_nav_th .nav2li>a:hover{border-top: 5px solid #e66a10;}
	.nav3li>a {height: 40px;  line-height: 35px !important;}
	#nav1{border-top:1px solid #337ab7;}
	.d_nav_th .navbar-header{min-height: 85px; }
	.nav2li>a {padding: 0px 8px !important;}
}
@media (max-width: 1050px) {
	.nav2li>a {padding: 0px 8px !important;}
}
.nav-userinfo li{line-height: 85px;display: inline-block;}
.nav-userinfo li a{position: relative;padding: 0 15px;margin: 0;} 
.nav-userinfo li a:hover, .nav-userinfo li > a:focus{background-color: #f3f3f3!important;}
.nav-userinfo > li i {font-size: 15px;color: #979898;line-height: 1;padding-right:15px; margin:0;}
.nav-userinfo li.open > a, .nav-userinfo li.open > a:hover, .nav-userinfo li > a:focus{background-color: #fff;border-color: #f3f3f3;}
.nav-userinfo li ul.list-unstyled{border: 1px solid #fff;background: #f3f3f3;margin:0px;padding:9px 0px;border-radius: 0px;}
.nav-userinfo li ul.list-unstyled li{display: block;padding:5px 10px;line-height:36px;}
.nav-userinfo li ul.list-unstyled li a{background: #f3f3f3;}
.text-danger { color: #e66a10; font-weight: bold; }
/* .text-bold {font-weight: bold;} */

.carousel-indicators li{margin:0 4px;}
.carousel-indicators .active{margin:0 2px;}

/*公用标题部分样式*/
*[class*="fa-"] { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:8px;}
.content-wrapper { width: 100%; height: auto; padding:35px 0 18px 0; }
.content-header { width: 100%; margin-bottom: 40px; }
.content-title { margin: 0 auto; text-align: center; border-bottom: 1px solid #ccc; }
.content-title h1 { font-size: 40px; }
.content-title span, .content-title .dbline-w { display: block; width:187px; padding-top: 5px; margin: 0 auto -2px; }
.content-title span { border-bottom: 3px solid #666; padding:10px; text-transform:uppercase}
.content-title .dbline-w { border-bottom: 3px solid #fff; }
.content-body { width: 100%; height: auto; }
/*产品展示部分样式*/
.thumbnail-img { position: relative; }
.thumbnail-img .img-nhov { display: none; }
.thumbnail-img a:hover .img-hov { display: none; }
.thumbnail-img a:hover .img-nhov { display: block; }
.thumbnail-img img:hover {-moz-transition: all 0.8s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out; 
	-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg);
	 -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform:
	  rotate(360deg); }
.case-nav { text-align: center }
.case-nav ul li { display: inline-block; *display:inline;
*zoom:1;
}
.tab-content { width: 100%; height: auto; margin-top: 20px; overflow: hidden; }
.gallery figure { 
display: inline-block; 
display: inline;
zoom: 1; -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
  -ms-transition: all .3s ease; 
  -o-transition: all .3s ease; 
  transition: all .3s ease; 
}
/* .gallery:hover figure:not(:hover) { 
-webkit-filter: grayscale(1); 
-moz-filter: grayscale(1); -o-filter: 
grayscale(1); -ms-filter: grayscale(1); 
filter: grayscale(1); opacity: .4;} */

/* fallback */ 
/* .bg-img { background: #f7f7f7 url(../images/bg-img.jpg) no-repeat top center;
 background-size: cover; } */
.spanbtn { display: block; }
.spanbtn a { display: block; color: #fff; width: 19px; height: 19px; line-height: 19px; text-align: center; background: #999; }
.spanbtn a:hover { background: #e66a10; }
.timecon { width: 68px; height: 106px; }
.timecon span { display: block; width: 58px; height: 53px; line-height: 53px; text-align: center; }
.timecon span.spannt { color: #999; background: #e4e4e4; }
.timecon span.spannm { color: #999; background: #fff; font-family: Impact; font-size: 30px; font-weight: bold; }
.media-heading { font-size: 16px; }
.media-heading .ahover { font-size: 16px; display: block; max-height: 18px; overflow: hidden; }
.media-body .des { max-height: 44px; overflow: hidden; }
.subtitle { font-family:tahoma; margin-bottom: 10px; font-size:12px; color:#999;}
.media:hover { cursor: pointer; }
.media:hover .timecon span.spannt { color: #fff; background: #e66a10; }
.media:hover .timecon span.spannm { color: #e66a10; background: #fff; }
.media:hover .spanbtn a { display: block; color: #fff !important; background: #e66a10; }
.media:hover .media-heading a { color: #e66a10;}
/*案例展示导航*/
.nav.nav-tabs { border-bottom: 0; }
.nav.nav-tabs > li { display: inline-block; float: none; margin-bottom: 10px; }
.nav.nav-tabs > li > a { border: none; background-color: #323639;padding-left: 20px; padding-right: 20px; color: #999; border-radius:0; margin-right:0!important}
.nav.nav-tabs > li > a:hover { border: none; background-color: #e66a10; color: #fff; }
.nav.nav-tabs > li.active > a { background-color:#e66a10; color:#fff; border:none;}
.nav.nav-tabs.right-aligned { text-align: right; }
.nav.nav-tabs.right-aligned > li { float: none; display: inline-block; }
.nav.nav-tabs.right-aligned > li > a { margin-right: 0; margin-left: 5px; }
.nav.nav-tabs.nav-tabs-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }
.nav.nav-tabs.nav-tabs-justified:before, .nav.nav-tabs.nav-tabs-justified:after { display: none; }
.nav.nav-tabs.nav-tabs-justified > li { display: table-cell; vertical-align: top; width: 1%; text-align: center; }
.nav.nav-tabs.nav-tabs-justified > li:last-child > a { margin-right: 0; }
.nav.nav-tabs + .tab-content { background: #FFF; padding: 30px; margin-bottom: 30px; }
.nav.nav-tabs + .tab-content > p:last-child, .nav.nav-tabs + .tab-content * > p:last-child { margin-bottom: 0; }

/*案例展示部分*/
.grid { overflow: hidden; margin: 0; width: 100%; list-style: none; }
/* Common style */
.grid figure { position: relative; z-index: 1; display: inline-block; overflow: hidden;  margin:0.9em 0;text-align: center; cursor: pointer; }
.grid figure img { position: relative; display: block; min-height: 100%; opacity: 1; }
.grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption { position: absolute; top: 0; left: 15px;  width:calc(100% - 29px);width:-moz-calc(100% - 29px);width: -webkit-calc(100%  - 29px); height: 100%; }
.grid figure a {color: #e66a10;}
.grid figure a .glyphicon{
	margin-right:10px;
	font-size: 16px;
	/* height:3.75em; line-height:3.75em; margin-right:10px; */
}
/* .grid figure a:hover { color: #e66a10; } */
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a { z-index: 1000; }
.grid figure h2 { word-spacing: -0.15em; font-weight: 300; }
.grid figure h2, .grid figure p { margin: 0; }
.grid figure p { letter-spacing: 1px; font-size: 68.5%; }
/* Individual effects */


/*---------------*/
/***** Zoe *****/
/*---------------*/


figure.effect-zoe img { min-width: 100%; height: auto;}
/* figure.effect-zoe img { -webkit-transform: translate3d(0, -30px, 0); 
	transform: translate3d(0, -30px, 0); } */
/* figure.effect-zoe img { 
 -webkit-transition: opacity 0.35s,
 -webkit-transform 0.35s; 
 transition: opacity 0.35s, 
 transform 0.35s; 
} */
/* figure.effect-zoe:hover img { 
	opacity: 0.7; 
	-webkit-transform: translate3d(0, 0, 0); 
	transform: translate3d(0, 0, 0); 
}
figure.effect-zoe:hover img {
 -webkit-transition-delay: 0.15s; 
 transition-delay: 0.15s; 
} */
figure.effect-zoe figcaption { 
	top: auto; bottom: 0; 
	padding:0 0.8em; 
	height: 6em;
	background: #fff; 
	color: #3c4a50; 
	/* -webkit-transition: -webkit-transform 0.35s; 
	transition: transform 0.35s;
	 -webkit-transform: translate3d(0, 100%, 0); 
	 transform: translate3d(0, 100%, 0);  */
	 line-height:3.75em;
	 position: relative;
	 width:30.8rem;
	 left: -1px;
	}
/* figure.effect-zoe h2 { float: left; }
figure.effect-zoe p { position: absolute; left: 0; bottom: 6em; padding: 1em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
figure.effect-zoe h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); }
figure.effect-zoe h2 { display: inline-block;padding-left:10px; height:3.75em; line-height:3.75em;}
figure.effect-zoe:hover p { opacity: 1; } */
/* figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2 { 
	-webkit-transform: translate3d(0, 0, 0); 
	transform: translate3d(0, 0, 0); 
} */
figure.effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
@media (max-width: 1023px) {
.grid figure { width:50%; height:auto;}
.grid figure figcaption { font-size: 90%;}
}
@media (max-width: 767px) {
.grid figure {width:100%;max-height:300px;padding:0px;}
.grid figure  img {height: auto;}
.grid {width:100%;text-align: center;}
.row{margin:0;}
.grid figure figcaption {left: 0;  width:100%!important;}
}
@media (max-width: 479px) {
	.grid figure {width:100%;max-height:240px;}
}

@media (max-width:350px) {
	 .d_nav_th .pull-left{width:60%;}
	 .d_nav_th img {width:100%;margin:1em 0px 0px 1em!important;}
}


.borderL{border-left:1px solid #5D5D5D;}

/*foot*/
footer.main-footer { font-size: 12px; 
	background-color: #fff; /* 323639 */
	color: #7c7e7f; /* 9c9e9f */
	position: relative; 
	z-index: 1; 
	overflow:hidden;}
footer.main-footer:before, footer.main-footer:after { content: " "; display: table; }
footer.main-footer:after { clear: both; }
footer.main-footer:before, footer.main-footer:after { content: " "; display: table; }
footer.main-footer:after { clear: both; }
footer.main-footer .footer-text {line-height: 28px;}
footer.main-footer .go-up { float: right; }
footer.main-footer .go-up a { display: inline-block; background: #e66a10; padding:20px 37px; transition:.2s ease-out; color:#fff;}
footer.main-footer .go-up a:hover { background-color: #1e88d4; color: #fff; }
footer.main-footer.footer-type-2 { background-color: #252729; border-top: 0; color: #ffffff; }
footer.main-footer.footer-type-2 a { color: #ffffff; }
footer.main-footer.footer-type-2 .go-up a { background-color: rgba(255, 255, 255, 0.05); }
footer.main-footer.footer-type-2 .go-up a:hover { background-color: rgba(255, 255, 255, 0.1); }
footer.main-footer.fixed { position: fixed; left: 340px; right: 0; bottom: 0; margin-left: 0; margin-right: 0; margin-top: 10px !important; }
.foot-header { width: 100%; background: #e4e4e4;}/* #282d30 */
.foot-nav { padding: 20px 0; color: #7c7e7f;}/* 9c9e9f */
.foot-nav a { display: inline-block; color: #7c7e7f; padding:0 10px; }/* 9c9e9f */
.foot-nav a:hover { color: #e66a10; font-weight: bold; font-weight:normal;}
.wxcon { padding: 20px 16px; background: #fff;}/* 3e4144 */
.wxcon img { border: 1px solid #fff; }282d30
.olnav { padding-top: 5px; }
.olnav li { margin-bottom: 12px; }
.olnav li a { color: #9c9e9f; }
.olnav li a:hover { color: #fff; }
.footer-text a:hover { color: #fff; }

@media(min-width:1020px) {
		.footer-inner{padding-bottom:20px;}
	.padding-large-left{padding-left:50px;}
}
/* 新增样式 */
.top-main{
      /* height: 34px; 修改*/
      height: 41px;
      background:#eeeeee;
    }
    .top1{
      height: 34px;
      line-height: 34px;
      width: 120px;
      margin:0 3.3%;
      float: right;
    }
    .top1 a{
      color:#8f8f8f;
    }
    .top1 a:hover{
      color:#e66a10;
    }
    #en{float:right;}

/*幻灯片*/
.v2-banner__dz{display:block;}
.v2-banner__dz img{width:100%; height:outo;}
@media (max-width: 767px) {
.v2-banner__dz img , .carousel-inner > .item > a > img{max-height: 250px;max-width:none !important;position: relative; left: 50%; position: relative; left: 50%;
transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);}
}
@media (max-width: 568px) {
.v2-banner__dz img , .carousel-inner > .item > a > img{max-height: 200px;max-width:none !important;position: relative; left: 50%; position: relative; left: 50%;
transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);}
}

.tab-content > .active{width:100%; margin:0 auto;}


/*友情链接*/
.v2-link {text-align:left; padding:0!important; }
.v2-link a { display: inline-block; margin: 0 6px 10px; color: #646363; white-space: nowrap; }
.v2-link a:hover { color: #23272a; }
.v2-link a img { height: 60px; }
/*powerd*/
.powered_by_metinfo { height: 35px; color: #666; font-size: 12px; }
.powered_by_metinfo a { color: #666; }
.powered_by_metinfo a:hover { color: #888; }
/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/
body, h1, h2, h3, h4, h5, h6, dl, dt, li, ol, ul, dd, th, td, p, pre, form, input, button, textarea, hr { margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
img { border: 0 }
button, input, select, textarea { font-size: 100% }
.met_clear { clear: both }
.met_none { display: none }
.met_hidden { visibility: hidden }
.met_fl { float: left }
.met_fr { float: right }
.met_editor { line-height: 2 }
.met_editor ul, .met_editor ol { padding: 0 0 0 25px; margin: 0 }
.met_editor a { color: #1c57c4 }
.met_editor a:hover { text-decoration: underline }
.met_editor img { max-width: 100%;}
.met_editor blockquote { padding-top: 5px; padding-bottom: 5px; padding-left: 15px; border-left: 4px solid #ddd }
.met_editor hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #ddd; margin: 20px 0; -webkit-box-sizing: content-box; box-sizing: content-box }
.met_editor .metvideobox { text-align: center; visibility: hidden; margin: 10px auto; }
.met_editor .video-js { max-width: 100%; }
.met_editor table { width: 100%!important; margin-bottom: 1.6rem; border-spacing: 0!important; border-collapse: collapse!important; padding: 0!important; border: 0 }
.met_editor table td { border: 1px solid #ddd!important }
.met_editor table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
padding:.7rem; line-height: 1.6; vertical-align: top; border-top: 1px solid #ddd }
.met_editor table>thead>tr>th { vertical-align: bottom; border-bottom: 1px solid #ddd }
.met_editor #page_break .collapse { display: none }
.met_editor #page_break .num { padding: 10px 0; text-align: center }
.met_editor #page_break .num li { display: inline; margin: 0 2px; padding: 3px 5px; border: 1px solid #ccc; background-color: #fff; color: #666; text-align: center; cursor: pointer; font-family: Arial; font-size: 12px; overflow: hidden }
.met_editor #page_break .num li.on { background-color: #ccc; color: #fff; font-weight: bold }
.metinfo-banner1 { overflow: hidden; margin: 0 auto }
.met_pager { text-align: center; padding: 30px 0 0 }
.met_pager a { border: 1px solid #e0e0e0; text-align: center; height: 28px; line-height: 28px; min-width: 28px; _width: 28px; text-align: center; display: inline-block; color: #aaa }
.met_pager a:hover { border: 1px solid #a0a0a0; color: #aaa }
.met_pager .PreSpan, .met_pager .NextSpan { height: 30px; line-height: 30px; min-width: 60px; _width: 60px; text-align: center; background: #f0f0f0; color: #ccc; display: inline-block }
.met_pager .PreA, .met_pager .NextA { height: 28px; line-height: 28px; min-width: 58px; _width: 58px; color: #aaa }
.met_pager .PreSpan, .met_pager .PreA { margin-right: 6px }
.met_pager .NextSpan, .met_pager .NextA { margin-left: 6px }
.met_pager .firstPage, .met_pager .lastPage { font-weight: bold; height: 28px; line-height: 28px; min-width: 40px; _width: 40px; color: #aaa }
.met_pager .Ahover { font-weight: bold; background: #f0f0f0; color: #aaa }
.met_pager .PageText { margin-left: 10px; color: #aaa }
.met_pager #metPageT, #metPageB { text-align: center; border: 1px solid #e0e0e0; color: #aaa }
.met_pager #metPageT { width: 20px; padding: 6px 5px 5px }
.met_pager #metPageB { min-width: 40px; _width: 40px; padding: 6px 0 5px; cursor: pointer; font-weight: bold }
*html .met_pager #metPageT { height: 13px; line-height: 13px }
*html .met_pager #metPageB { padding: 0; height: 28px; line-height: 20px }
*+html .met_pager #metPageT { height: 13px; line-height: 13px }
*+html .met_pager #metPageB { padding: 0; height: 28px; line-height: 20px }
.met_module1 { padding: 0px 15px 80px; }
.met_module2_list { padding: 0px 15px 80px; margin-top: -15px; }
.met_module2_list li { list-style: none; border-bottom: 1px solid #ddd; padding: 15px 100px 15px 10px; position: relative }
.met_module2_list h2 { font-weight: normal }
.met_module2_list h2 a { line-height: 26px; display: inline-block; }
.met_module2_list li p { color: #818181 }
.met_module2_list li span.time { color: #818181; position: absolute; right: 10px; top: 18px }
.met_module2_list li h2 i { margin-right: 10px; position: relative }
.met_module2_list li.list_2 h2, .met_module2_list li.list_3 h2 { margin-bottom: 3px; font-weight: bold }
.met_module2_list li.list_2 { padding: 15px 0 }
.met_module2_list li.list_3 { padding-left: 100px; min-height: 80px }
.met_module2_list li.list_3 img { position: absolute; left: 0; top: 15px }
.met_module2_list li.list_3 span.time { position: static }
.met_module2 { padding: 0px 15px 80px; }
.met_module2 h1.met_title { font-size: 28px; font-weight: normal; padding: 5px 0 15px 0; line-height: 40px; text-align: center; }
.met_module2 .met_infos { color: #818181; font-size: 12px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ddd; text-align: center; }
.met_module2 .met_time { padding-right: 6px }
.met_module2 .met_source { padding-right: 6px }
.met_module2 .met_source a { color: #607fa6 }
.met_module2 .met_editor { padding: 0 10px }
.met_tools { border-top: 1px solid #ddd; margin-top: 30px; position: relative; padding: 10px 10px 0; height: 50px; line-height: 50px }
.met_tools .met_page { clear: both; position: absolute; right: 5px; top: 0; color: #818181;height: 35px; line-height: 35px;}
.met_tools .met_page li { display: inline; list-style: none; margin-left: 30px;float: left; }
.met_tools .met_page li span { padding-right: 5px;float: left;}
.met_tools .met_page a {color:#607fa6; overflow:hidden; height:34px; display:block; float:left;}
.met_tools .met_page a:hover{color:#006EBC;}
.met_module3_list ul.list_1 { list-style: none; visibility: hidden }
.met_module3_list ul.list_1 li { float: left; text-align: center; margin-top: 30px; overflow: hidden }
.met_module3_list ul.list_1 li a { text-align: center; display: block; margin: 0 auto; background: #fff; border: 1px solid #ddd; font-size: 0 }
.met_module3_list ul.list_1 li h2 { text-align: left; font-size: 14px; padding: 10px 10px; font-weight: normal; border-top: 1px solid #ddd }
.met_module3_list ul a img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
.met_module3_list ul a:hover h2 { color: #333 }
.met_module3_list ul a:hover img { filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5 }
.met_module3_list ul.list_2 { list-style: none; visibility: hidden }
.met_module3_list ul.list_2 li { padding: 20px 10px; border-bottom: 1px solid #ddd }
.met_module3_list ul.list_2 dt { float: left; position: relative }
.met_module3_list ul.list_2 dd { float: left; width: 100% }
.met_module3_list ul.list_2 dd h2 { padding: 5px 10px; font-size: 15px; font-weight: normal }
.met_module3_list ul.list_2 dd p { padding: 5px 10px; color: #818181 }
#showproduct { padding: 0 15px 80px; }
#showproduct dl.pshow { visibility: hidden }
#showproduct .met_nav { margin: 0px 0px 30px 0px; border: 1px solid #ddd }
#showproduct .met_nav li { float: left; height: 45px; line-height: 45px; list-style: none; cursor: pointer }
#showproduct .met_nav li a { display: block; padding: 0 40px }
#showproduct .met_nav li.met_now, #showproduct .met_nav li.met_hover { background: #f8f8f8 }
#showproduct .met_related { margin-top: 30px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #ddd; padding: 10px 10px; color: #333 }
#showproduct .met_related_list { list-style: none; visibility: hidden }
#showproduct .met_related_list li { float: left; text-align: center; margin-top: 30px; overflow: hidden }
#showproduct .met_related_list li a { text-align: center; display: block; margin: 0 auto; background: #fff; border: 1px solid #ddd; font-size: 0 }
#showproduct .met_related_list li h2 { text-align: left; font-size: 14px; padding: 10px 10px; font-weight: normal; border-top: 1px solid #ddd }
#showproduct .met_related_list li img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
#showproduct .met_related_list li a:hover h2 { color: #333 }
#showproduct .met_related_list li a:hover img { filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5 }
#showproduct .met_nav_contbox { padding: 0 10px }
#downloadlist { padding: 0px 15px 80px }
#downloadlist .metlist { margin-bottom: 20px }
#downloadlist .metlist dt { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: bold; padding: 8px 5px 8px 0; background: url(../images/dt-9.gif) no-repeat 5px 11px }
#downloadlist .metlist dd { color: #999; padding: 8px; background: #f7f8fa }
#downloadlist .metlist dd b { font-weight: normal }
#downloadlist .metlist dd div { float: right }
#downloadlist .metlist dd span { padding-right: 20px }
#downloadlist .metlist dd a { color: #1c57c4 }
#downloadlist .metlist dd a.down { color: #fa1a1a }
#showdownload { padding: 0px 15px 80px }
#showdownload h1.title { font-size: 24px; padding: 15px 5px; border-bottom: 1px solid #ddd; margin-bottom: 30px }
#showdownload .paralist { background: #8c989f; padding: 5px 10px; color: #fff; visibility: hidden }
#showdownload .paralist li { list-style: none; padding: 8px 5px 8px 90px; min-height: 20px; position: relative; border-bottom: 1px solid #ddd }
#showdownload .paralist li:last-child { border-bottom: 0 }
#showdownload .paralist li a { color: #fff }
#showdownload .paralist li span { position: absolute; left: 0; top: 0; width: 80px; padding: 8px 5px; word-wrap: break-word }
#showdownload .met_editor { padding: 0 10px }
#showdownload .ctitle { margin: 30px 0 10px; padding: 0 10px; font-size: 16px; font-weight: normal; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd }
#showdownload .downloadbox { margin-top: 30px }
#showdownload .downloadbox a { display: inline-block; background: #23b7e5; height: 35px; line-height: 35px; padding: 0 35px; color: #fff; border-radius: 2px }
#showdownload .downloadbox a:hover { background: #38c4f0 }
#showdownload .downloadbox a.active { background: #1ba4cf }
#imglist ul.list_1 { list-style: none; visibility: hidden }
#imglist ul.list_1 li { float: left; text-align: center; margin-top: 30px; overflow: hidden }
#imglist ul.list_1 li a { text-align: center; display: block; margin: 0 auto; background: #fff; border: 1px solid #ddd; font-size: 0 }
#imglist ul.list_1 li h2 { text-align: left; font-size: 14px; padding: 10px 10px; font-weight: normal; border-top: 1px solid #ddd }
#imglist ul a img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s }
#imglist ul a:hover h2 { color: #333 }
#imglist ul a:hover img { filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5 }
#imglist ul.list_2 { list-style: none; visibility: hidden }
#imglist ul.list_2 li { padding-bottom: 20px; margin: 0 15px 20px; border-bottom: 1px solid #ddd }
#imglist ul.list_2 dt { float: left; position: relative }
#imglist ul.list_2 dd { float: left; width: 100% }
#imglist ul.list_2 dd h2 { padding: 5px 10px; font-size: 15px }
#imglist ul.list_2 dd p { padding: 5px 10px; color: #818181 }
#showimg { padding: 0 15px 80px; }
#showimg h1.met_title { font-size: 24px; padding: 15px 0px; border-bottom: 1px solid #ddd; margin-bottom: 30px; margin-top: 10px; }
#showimg .imgparalist { background: #8c989f; padding: 5px 10px; color: #fff; visibility: hidden; margin-top: 30px; visibility: hidden }
#showimg .imgparalist li { list-style: none; padding: 8px 5px 8px 90px; min-height: 20px; position: relative; border-bottom: 1px solid #ddd }
#showimg .imgparalist li:last-child { border-bottom: 0 }
#showimg .imgparalist li a { color: #fff }
#showimg .imgparalist li span { position: absolute; left: 0; top: 0; width: 80px; padding: 8px 5px; overflow: hidden; word-wrap: break-word }
#joblist { padding: 0px 16px 80px; }
#joblist dl { padding: 10px 5px 10px; margin-bottom: 30px; border: 1px solid #ddd }
#joblist dt { padding: 0 10px; font-size: 16px; font-weight: bold }
#joblist dd .dtail { padding: 5px 10px 0; border-top: 1px solid #ddd }
#joblist dd .dtail span { margin-right: 15px }
#joblist dd .dtail a { color: #1c57c4 }
#joblist dd .editor { padding: 10px }
#joblist dd .mis { padding: 5px 10px; border-bottom: 1px solid #ddd; font-size: 12px }
#joblist dd .mis span { margin-right: 15px; color: #999 }
#showjob { padding: 0 16px 80px; }
#showjob h1.title { font-size: 24px; padding: 15px 5px; border-bottom: 1px solid #ddd; margin-bottom: 30px }
#showjob .ctitle { margin: 30px 0 10px; padding: 0 10px; font-size: 16px; font-weight: normal; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd }
#showjob .met_editor { padding: 0 10px }
#cvlist { padding: 0px 16px 80px; }
#showjob .paralist { background: #8c989f; padding: 5px 10px; color: #fff; visibility: hidden; margin-top: 30px; visibility: hidden }
#showjob .paralist li { list-style: none; padding: 8px 5px 8px 90px; min-height: 20px; position: relative; border-bottom: 1px solid #ddd }
#showjob .paralist li:last-child { border-bottom: 0 }
#showjob .paralist li a { color: #fff }
#showjob .paralist li span { position: absolute; left: 0; top: 0; width: 80px; padding: 8px 5px; overflow: hidden; word-wrap: break-word }
#showjob .info_cv { margin-top: 30px; margin-left: 10px }
#showjob .info_cv a { display: inline-block; background: #23b7e5; height: 35px; line-height: 35px; padding: 0 35px; color: #fff; border-radius: 2px }
#showjob .info_cv a:hover { background: #38c4f0 }
#showjob .info_cv a.active { background: #1ba4cf }
#messagelist { padding: 0 16px 80px }
#messagelist .metlist { margin-bottom: 30px; border: 1px solid #ddd; padding: 5px }
#messagelist .metlist dt { padding: 5px }
#messagelist .metlist dt span.name { color: #2c7199 }
#messagelist .metlist dt span.time { padding-left: 5px; color: #aaa; font-size: 12px }
#messagelist .metlist dt span.tt { float: right; padding-right: 5px; color: #aaa }
#messagelist .metlist dd.info span.tt { display: none; clear: both }
#messagelist .metlist dd.info span.text { display: block; line-height: 1.5; padding: 0 5px 10px; border-bottom: 1px solid #ddd }
#messagelist .metlist dd.reinfo span.tt { display: block; padding: 10px 5px 0; color: #2c7199 }
#messagelist .metlist dd.reinfo span.text { display: block; line-height: 1.5; padding: 5px 5px 10px }
#messagelist .v52fmbx { margin: 30px 0 0 }
#linklist { padding: 0px 15px 80px; margin-top: -10px; }
#linklist .ctitle { margin: 10px 0 10px; padding: 10px 0px 20px; border-bottom: 1px solid #ddd }
#linklist .inside { padding: 15px 0 0 }
#linklist .metlist .img ul:after { content: " "; clear: both; display: block; }
#linklist .metlist .img li { list-style: none; display: inline; padding-right: 5px }
#linklist .metlist .img img { width: 88px; height: 31px }
#linklist .metlist .txt ul:after { content: " "; clear: both; display: block; }
#linklist .metlist .txt li { list-style: none; float: left; width: 88px; height: 26px; line-height: 26px; margin-right: 5px; overflow: hidden }
#linksubmit { padding: 0px 16px 80px; }
#linksubmit table { margin: 0 auto }
#memberbox { padding: 15px }
ul.searchnavlist:after { content: " "; clear: both; display: block; }
ul.searchnavlist { list-style: none; padding: 0 15px 20px; margin: 0 }
ul.searchnavlist li { padding: 5px 0; float: left; margin-right: 20px; }
ul.searchnavlist .advsearch_searchword input { width: 90%; height: 32px; line-height: 32px; padding: 2px 5px; border: 1px solid #dcdfe0; background-color: #fff; color: #333; outline: 0; border-radius: 2px }
ul.searchnavlist .searchgo { display: block; background: #23b7e5; border: 0 none; height: 34px; line-height: 26px; padding: 0 35px; color: #fff; cursor: pointer; border-radius: 2px; font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun' }
ul.searchnavlist .searchgo:hover { background: #38c4f0 }
ul.searchnavlist .searchgo:active { background: #1ba4cf }
#searchlist { padding: 0px 15px 80px; }
#searchlist li { padding-left: 10px; margin-bottom: 6px; line-height: 1.5 }
#searchlist ul { list-style: none; padding: 0; margin: 0 }
#searchlist ul li { padding: 3px 0px; margin-bottom: 10px }
#searchlist ul li img { display: none }
#searchlist .search_title { display: block; padding: 2px 0 }
#searchlist .search_title a { font-size: 16px; color: #12C; text-decoration: underline }
#searchlist .search_title em { color: #c00; text-decoration: underline; font-style: normal }
#searchlist .search_detail { display: block }
#searchlist .search_detail a { text-decoration: underline; color: #12C }
#searchlist .search_content em { color: #c00; font-style: normal }
#searchlist .search_updatetime { display: block; margin-top: 5px; color: green }
#searchlist a:hover { text-decoration: underline }
#sitemaplist { padding: 0 16px 50px; }
#sitemaplist dl { margin-bottom: 30px; padding: 20px; border: 1px solid #ddd }
#sitemaplist dt h2 { font-size: 18px; font-weight: normal; padding: 10px 0; border-bottom: 1px solid #ddd }
#sitemaplist dt h2 i { font-size: 22px; margin-left: 10px; font-weight: normal; color: #888; position: relative; top: 2px }
#sitemaplist dd ul { float: left; width: 25%; list-style: none; margin-top: 20px }
#sitemaplist dd li { margin-top: 5px }
#sitemaplist dd li h4 a { font-weight: normal; color: #666 }
#feedback { padding: 0 16px 80px; }
.v52fmbx_hr { border-top: 1px solid #ddd; margin: 0; padding: 0 5px 0 15px; font-weight: bold; font-size: 16px; background: #ddd; height: 60px; line-height: 60px; }
:-ms-input-placeholder {
color:#999
}
.met-focus { border: 1px solid #23b7e5!important }
.v52fmbx { border: 1px solid #ddd; border-top: 0; overflow: hidden; text-align: left }
.v52fmbx dl:after { display: block; clear: both; content: ""; visibility: hidden; height: 0 }
.v52fmbx dl { width: 100%; zoom: 1; background: #fff }
.v52fmbx dl { border-top: 1px solid #ddd; margin: 0; display: -webkit-box; display: -moz-box; display: box; display: -ms-flexbox; position: relative; padding: 5px 0 }
.v52fmbx dl dt { padding: 15px 15px 10px 15px; width: 105px; text-align: left; font-weight: normal; overflow: hidden; line-height: 1.2 }
.v52fmbx dl dd { -moz-box-flex: 1.0; -webkit-box-flex: 1.0; box-flex: 1.0; -ms-flex: 1; padding: 2px 0 0 15px; margin: 10px 0 }
.v52fmbx dl dd label input { position: relative; top: 1px; margin-right: 3px }
.v52fmbx dl dd .fbox { margin: 0 10px 0 0 }
.v52fmbx dl dd .tips { color: #aaa }
.v52fmbx dl dd .tips:hover { color: #f00 }
.v52fmbx dl dd.labelinline label { display: inline }
.v52fmbx dl dt.addimgdt { padding: 10px 5px 10px }
.v52fmbx dl dt.addimgdt p { height: 30px; line-height: 30px; margin-bottom: 8px }
.v52fmbx dl.noborder { border-bottom: 0 }
.formerror { margin-top: 6px; height: 20px; line-height: 20px }
.formerror .fa-times { color: #fff; border-radius: 3px; padding: 1px 2px; font-size: 16px; margin-right: 5px; background: red }
.formerror .fa-check { color: #fff; border-radius: 3px; padding: 2px; font-size: 14px; margin-right: 5px; background: #10aa00 }
.formerrorbox { border: 2px solid #f00!important }
.v52fmbx dl dd.ftype_description { color: #fff; padding: 8px; margin: 0 5px; background: #6c6fbf }
.ftype_input .fbox { float: left }
.ftype_input .tips { float: left; padding-top: 5px }
.ftype_input .fbox input { width: 350px; height: 28px; line-height: 28px\9; padding: 2px 5px; border: 1px solid #dcdfe0; background-color: #fff; color: #333; outline: 0; border-radius: 2px }
.placeholder-ie { position: relative }
.placeholder-ie label { position: absolute; left: 8px; top: 7px; cursor: text; color: #999 }
.ftype_textarea .tips { display: block }
.ftype_textarea textarea { width: 350px; line-height: 1.5; height: 100px; padding: 7px 5px; border: 1px solid #dcdfe0; background-color: #fff; color: #333; outline: 0 }
.ftype_select .tips, .ftype_select-linkage .tips { display: block; margin-top: 5px }
select { line-height: 31px; height: 31px; vertical-align: middle; background-color: #fff; outline: 0; border: 1px solid #ccc; padding: 4px; color: #656565 }
.ftype_radio .fbox label { font-weight: normal; height: 28px; line-height: 28px; margin: 0; display: block }
.ftype_radio .fbox input[type='radio'] { border-radius: 100%; bottom: 3px; height: 15px; position: relative; vertical-align: middle; width: 15px; margin: 0; position: relative; top: -1px; margin-right: 6px }
.ftype_radio .formerror { margin-top: 0 }
.ftype_checkbox .fbox input[type='checkbox'] { border-radius: 100%; bottom: 3px; height: 15px; position: relative; vertical-align: middle; width: 15px; margin: 0 }
.ftype_checkbox .fbox label { font-weight: normal; height: 28px; line-height: 28px; margin: 0; display: block }
.ftype_checkbox .fbox input { position: relative; top: -1px; margin-right: 6px!important }
.ftype_checkbox .formerror { margin-top: 0 }
.ftype_transverse .fbox label { display: inline; margin-right: 15px }
.submit { display: block; background: #23b7e5; border: 0 none; height: 34px; line-height: 26px; padding: 0 35px; color: #fff; cursor: pointer; border-radius: 2px; font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun' }
.submit:hover { background: #38c4f0 }
.submit.active { background: #1ba4cf }
.v52fmbx dl dd.ftype_code input { width: 80px; margin-right: 10px }
.v52fmbx dl dd.ftype_code img { height: 30px; position: relative; bottom: 2px }
/** 模板公用部分 */
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.v2-ac:after { content: " "; clear: both; display: block; }
.v2-to { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.v2-lc { overflow: hidden; word-break: break-all; 
	text-overflow: ellipsis; 
	-webkit-box-orient: vertical; 
	display: -webkit-box; -webkit-line-clamp: 2; }
.v2-list { list-style: none; }
.v2-dbox { display: -moz-box; display: -webkit-box; display: box; }
.v2-bf1 { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; }
.v2-bf2 { -moz-box-flex: 2; -webkit-box-flex: 2; box-flex: 2; }
.v2-bt1d { border-bottom: 1px solid #ddd; }
.v2-w100 { width: 100% !important; }
.v2-mb50 { margin-bottom: 50px; }
.v2-mtb15 { margin-bottom: 30px; }
.v2-mt15 { margin-top: 15px; }
.v2-c { cursor: not-allowed; }
/** 内页二三级栏目 */
.sidebar-v2__section, .sidebar-v2__article { padding-top: 0px; padding-bottom: 0px; }

@media(min-width:1200px) {
		.sidebar-v2__section, .sidebar-v2__article {width:1170px; margin:0 auto;}
	
	
}



.section__head { min-height: 70px; line-height: 70px; }
.sidebar-v2__h1 { display: block; font-size: 20px; text-align: left; height: 70px; line-height: 70px; position: relative; padding: 0px; }
.sidebar-v2 { margin-bottom: 0px; }
.sidebar-v2 .panels { margin-bottom: 0px; border: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
@media(min-width:768px) {
#sidebar-v2__list2 { border-bottom: 1px solid #ddd; margin-bottom: 50px; padding: 0px; }
#sidebar-v2__list2 ul { margin-right: -50px; }
#sidebar-v2__list2 ul li { height: 70px; }
#sidebar-v2__list2 ul li.on a { color: #e66a10; }/* red; */
#sidebar-v2__list2 ul li a { display: block; line-height: 70px; padding: 0px; margin-right: 50px; background-color: #fff; }
#sidebar-v2__list2 ul li a .arrow { font-size: 12px; color: #999; margin-left: 5px; top: 2px; }
#sidebar-v2__list3 { display: block; }
.sidebar-v2__h1 button { display: block; width: 100%; border: none; background: none; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.sidebar-v2__h1 span i { display: none; }
#sidebar-v2__list3 ul { position: relative; margin-bottom: 50px; background: #fff; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }
#sidebar-v2__list3 ul li { background:#006EBC; margin:0 1px 1px 0; }
#sidebar-v2__list3 ul li a {color:#fff; padding: 15px 20px; transition:.2s;}
#sidebar-v2__list3 ul li a:hover { background:#e66a10; }
#sidebar-v2__list3 ul li.ono a { background:#e66a10; }
}
@media(max-width:768px) {
.sidebar-v2__section, .sidebar-v2__article { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; }
.section__head { margin: 10px 15px 0px; }
.posit{height: 80px;margin-left: 5%;}/* 位置 */
.sidebar-v2 { padding-bottom: 50px; }
.sidebar-v2__h1 { width: calc(100% - 70px); float: left; text-align: center; padding: 0 10px; }
.sidebar-v2__h1 span i { margin-left: 8px; top: 4px; }
.sidebar-v2 .container-fluid { padding: 0px; }
.sidebar-v2 .navbar-header { border: 1px solid #ddd; margin-right: 0px; margin-left: 0px; }
.sidebar-v2__h1 button { display: none; }
.sidebar-v2__button { position: relative; width: 70px; height: 70px; float: right; padding: 0px; margin: 0px; background-color: transparent; background-image: none; border: none; border-radius: 0px; border-left: 1px solid #ddd; }
.sidebar-v2__button span { font-size: 18px; }
#sidebar-v2__list2 { border: 1px solid #ddd; border-top: none; }
#sidebar-v2__list2 ul li a .arrow { display: none; }
#sidebar-v2__list3 ul li { background: #0C121C; border-bottom: 1px solid #666; }
#sidebar-v2__list3 ul li a { color: #fff; }
#sidebar-v2__list3 ul li a:hover { background: #363c41; }
#sidebar-v2__list3 .navbar-nav { margin: 0px; }
#sidebar-v2__list2 ul li.on a { color: red; }
#sidebar-v2__list3 ul li.ono a { background: #363c41; }
.product-v2__list__box i { font-size: 10px; }
.v2-mb50 { margin-bottom: 0px; }
}
/** 内页表单部分 */
@media(max-width:768px) {
/* 搜索 */
.sou_nei{
	right: 141px;
}
.sou_nei input{
	width:135px;
}

.ftype_input .fbox { float: none; }
.ftype_input .fbox input { display: block; width: 100%; }
.ftype_textarea textarea { display: block; width: 100%; }
.v52fmbx dl dd .fbox input[type="file"] { width: 100%; }
.met_tools { height: 130px; }
.met_tools .met_page { top: 50px; left: 0px; }
.met_tools .met_page li { margin: 0 20px 0 10px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.advsearch_class1 select, .advsearch_class2 select, .advsearch_class3 select, .advsearch_searchtype select,
 .advsearch_searchword input { width: 195px !important; }
}
/** 产品列表页 */
.product-v2 { padding: 0px 0px 80px; }
.product-v2__list img {width:100%; height:100%; transition:opacity 0.5s; -moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -o-transition:opacity 0.5s;}
.product-v2__list img:hover{opacity:0.7;}

.product-v2__list a { display: block; }
.product-v2__list__box { background: #F3F3F3; padding: 10px; }
.product-v2__list__box h2 { font-size: 16px; font-weight: bold; color: #000; }
.product-v2__list__box li { border-left: 1px solid #c2c2c2; font-size: 14px; line-height: 24px;height: 48px;overflow: hidden; }
.product-v2__list__box li em { font-style: normal; }
.product-v2__list__box li span { display: block; color: #222; }
.product-v2__list__box i { font-style: normal; margin-right: 15px;color: #e66a10; }
.product-v2__list__box a {float:left; font-size:14px;padding:0 20px; 
	height:32px; text-align:center; line-height:32px; 
	text-decoration:none; color:#fff;
	background:#e66a10; transition:.2s;}
.product-v2__list__box a:hover{background:#E25B5B;}
.product-v2__list__box a i { margin-left: 5px; top: 2px; font-size: 14px; }
/** 产品详情页 */
.showproduct-v2__main { margin: 0 -15px; }
.showproduct-v2 figure img { width: 87%; height: 100%;}
.showproduct-v2 figure figcaption { display: none; }
.showproduct-v2__list li { margin-right: 2px !important; margin-left: 0px !important; }
.showproduct-v2__list li.active a { background: #343434 !important; }
.showproduct-v2__left, .showproduct-v2__right { margin-bottom: 40px; }
.showproduct-v2__list a { border-radius: 0px !important; padding: 5px !important; margin-top: 5px; }
.showproduct-v2__para__h1 { line-height: 1.5em; overflow: hidden; font-weight: 700; font-size: 24px; margin-bottom: 20px; }
.showproduct-v2__para__ul { background: #f4f4f4; padding: 10px 20px; height:415px;line-height:28px;
	font-size:16px;}
.showproduct-v2__para__ul li { height: 35px; line-height: 35px; color: #666; }
.showproduct-v2__para__ul span { display: block; float: left; min-width: 50px; margin-right: 10px; }
.showproduct-v2__para p {
	margin: 20px 0; 
}
/* 新增开始 */

/* .showproduct-v2__para{
	width: 126%;
}
.desbig {
	background: #f8f8f8;
	color: #333; 
	height: 244px;
} */
/* 新增结束 */
@media(max-width:768px) {
.product-v2__list__box li { padding: 0 10px; !important; }
.showproduct-v2__nav li { width: 50%; }
.showproduct-v2__nav li a { padding: 0 !important; text-align: center; }
}
@media(max-width:320px) {
.product-v2__list__box li { padding: 0 5px; !important; }
.showproduct-v2__nav li a { padding: 0 !important; text-align: center; }
}
/** 案例列表页 */
#img-v2 { padding: 0px 15px 80px; }
#img-v2 ul { border: 1px solid #fff; border-right: none; border-bottom: none; }
#img-v2 li { padding: 5px; }
#img-v2 li:hover h2 { color:#fff; background:#e66a10; transition: background 0.5s, color 0.5s; }
#img-v2 li a { display: block; background: #fff; padding-bottom: 1px; padding-right: 1px; }
#img-v2 li a span { display: block; background:#fff; }
#img-v2 li h2 { height: 50px; background: #F4F4F4; font-weight: normal; font-size: 16px; line-height: 50px; text-align: center; color: #484848; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#img-v2 li img { width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
#img-v2 li:hover img { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
/** 案例详情页 */
.csSlideOuter { overflow: hidden; }
.lightSlider:before, .lightSlider:after { content: " "; display: table; }
.csSlideWrapper > ul:after { clear: both; }
.csSlideWrapper .csSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; transition: all 1s; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; }
.csSlideWrapper .csFade { position: relative; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.csSlideWrapper .csFade > li { position: absolute !important; top: 0; left: 0; opacity: 0; z-index: 9; margin-right: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; }
.csSlideWrapper .csFade > li.active { opacity: 1; z-index: 10; }
.csSlideOuter .csPager.cSGallery { list-style: none outside none; padding-left: 0; margin: 0; -webkit-touch-callout: none; 
	-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
	 -ms-user-select: none; user-select: none; }
.csSlideOuter .csPager.cSGallery li { margin-top: 3px !important; opacity: 0.7; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; }
.csSlideOuter .csPager.cSGallery li.active, .csSlideOuter .csPager.cSGallery li:hover { opacity: 1; }
.csSlideOuter .csPager.cSGallery img { display: block; height: auto; max-width: 100%; }
.csSlideOuter .csPager.cSGallery:before, .csSlideOuter .csPager.cSGallery:after { content: " "; display: table; }
.csSlideOuter .csPager.cSGallery:after { clear: both; }
.csAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url('../controls.png'); cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; }
.posi{font-size: 14px;}/* 定位 */
@media(max-width:768px) {
.csAction > a { display: none; }
}
.csAction > a:hover { opacity: 1; }
.csAction > .csPrev { background-position: 0 0; left: 10px; }
.csAction > .csNext { background-position: -32px 0; right: 10px; }
.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }
.csSlideOuter .csPager.cSGallery li.active { outline: 2px solid #343434; outline-offset: -2px; }
.gallery li { display: block; float: left; margin-right: 6px; }
.gallery li img {height:auto; display: block; }
.list-unstyled { padding-left: 0; list-style: none; }
#showimg .container-fluid {max-width: 600px; margin:0 auto;}
@media(min-width:768px) {
.container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; }
}
.container-fluid:before, .container-fluid:after { content: " "; display: table; clear: both; }
/*动画*/
.bounce, .bounce-hover, .flash, .flash-hover, .shake, .shake-hover, .swing, .swing-hover, .wobble, .wobble-hover, .ring, .ring-hover { -webkit-animation: 1s ease; -moz-animation: 1s ease; -ms-animation: 1s ease; animation: 1s ease; }
.fadein, .fadein-top, .fadein-right, .fadein-bottom, .fadein-left, .bouncein, .rotatein { -webkit-animation: 1s ease-out backwards; -moz-animation: 1s ease-out backwards; -ms-animation: 1s ease-out backwards; animation: 1s ease-out backwards; }
.fadeout, .fadeout-top, .fadeout-right, .fadeout-bottom, .fadeout-left, .bounceout, .rotateout { -webkit-animation: 1s ease-in forwards; -moz-animation: 1s ease-in forwards; -ms-animation: 1s ease-in forwards; animation: 1s ease-in forwards; }
.rotate, .rotate-hover { -webkit-animation: 2s infinite linear; -moz-animation: 2s infinite linear; -ms-animation: 2s infinite linear; animation: 2s infinite linear; }
/*渐变-淡入*/
.fadein { -webkit-animation-name: a-fadein; -moz-animation-name: a-fadein; -ms-animation-name: a-fadein; animation-name: a-fadein; }
@-webkit-keyframes a-fadein { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes a-fadein { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes a-fadein { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes a-fadein { 0% {
opacity:0;
}
100% {
opacity:1;
}
}
/*淡入-从上*/
.fadein-top { -webkit-animation-name: fadeinT; -moz-animation-name: fadeinT; -ms-animation-name: fadeinT; animation-name: fadeinT; }
@-webkit-keyframes fadeinT { 0% {
opacity:0;
-webkit-transform:translateY(-50px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-moz-keyframes fadeinT { 0% {
opacity:0;
-moz-transform:translateY(-50px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}
@-ms-keyframes fadeinT { 0% {
opacity:0;
-ms-transform:translateY(-50px);
}
100% {
opacity:1;
-ms-transform:translateY(0);
}
}
@keyframes fadeinT { 0% {
opacity:0;
transform:translateY(-50px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
/*淡入-从右*/
.fadein-right { -webkit-animation-name: fadeinR; -moz-animation-name: fadeinR; -ms-animation-name: fadeinR; animation-name: fadeinR; }
@-webkit-keyframes fadeinR { 0% {
opacity:0;
-webkit-transform:translateX(50px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeinR { 0% {
opacity:0;
-moz-transform:translateX(50px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-ms-keyframes fadeinR { 0% {
opacity:0;
-ms-transform:translateX(50px);
}
100% {
opacity:1;
-ms-transform:translateX(0);
}
}
@keyframes fadeinR { 0% {
opacity:0;
transform:translateX(50px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
/*淡入-从下*/
.fadein-bottom { -webkit-animation-name: fadeinB; -moz-animation-name: fadeinB; -ms-animation-name: fadeinB; animation-name: fadeinB; }
@-webkit-keyframes fadeinB { 0% {
opacity:0;
-webkit-transform:translateY(50px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-moz-keyframes fadeinB { 0% {
opacity:0;
-moz-transform:translateY(50px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}
@-ms-keyframes fadeinB { 0% {
opacity:0;
-ms-transform:translateY(50px);
}
100% {
opacity:1;
-ms-transform:translateY(0);
}
}
@keyframes fadeinB { 0% {
opacity:0;
transform:translateY(50px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
/*淡入-从左*/
.fadein-left { -webkit-animation-name: fadeinL; -moz-animation-name: fadeinL; -ms-animation-name: fadeinL; animation-name: fadeinL; }
@-webkit-keyframes fadeinL { 0% {
opacity:0;
-webkit-transform:translateX(-50px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeinL { 0% {
opacity:0;
-moz-transform:translateX(-50px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-ms-keyframes fadeinL { 0% {
opacity:0;
-ms-transform:translateX(-50px);
}
100% {
opacity:1;
-ms-transform:translateX(0);
}
}
@keyframes fadeinL { 0% {
opacity:0;
transform:translateX(-50px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
/*渐变-淡出*/
.fadeout { -webkit-animation-name: a-fadeout; -moz-animation-name: a-fadeout; -ms-animation-name: a-fadeout; animation-name: a-fadeout; }
@-webkit-keyframes a-fadeout { 0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-moz-keyframes a-fadeout { 0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-ms-keyframes a-fadeout { 0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes a-fadeout { 0% {
opacity:1;
}
100% {
opacity:0;
}
}
/*淡出-向上*/
.fadeout-top { -webkit-animation-name: fadeoutT; -moz-animation-name: fadeoutT; -ms-animation-name: fadeoutT; animation-name: fadeoutT; }
@-webkit-keyframes fadeoutT { 0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-100px);
}
}
@-moz-keyframes fadeoutT { 0% {
opacity:1;
-moz-transform:translateY(0);
}
100% {
opacity:0;
-moz-transform:translateY(-100px);
}
}
@-ms-keyframes fadeoutT { 0% {
opacity:1;
-ms-transform:translateY(0);
}
100% {
opacity:0;
-ms-transform:translateY(-100px);
}
}
@keyframes fadeoutT { 0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(-100px);
}
}
/*淡出-向右*/
.fadeout-right { -webkit-animation-name: fadeoutR; -moz-animation-name: fadeoutR; -ms-animation-name: fadeoutR; animation-name: fadeoutR; }
@-webkit-keyframes fadeoutR { 0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(100px);
}
}
@-moz-keyframes fadeoutR { 0% {
opacity:1;
-moz-transform:translateX(0);
}
100% {
opacity:0;
-moz-transform:translateX(100px);
}
}
@-ms-keyframes fadeoutR { 0% {
opacity:1;
-ms-transform:translateX(0);
}
100% {
opacity:0;
-ms-transform:translateX(100px);
}
}
@keyframes fadeoutR { 0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(100px);
}
}
/*淡出-向下*/
.fadeout-bottom { -webkit-animation-name: fadeoutB; -moz-animation-name: fadeoutB; -ms-animation-name: fadeoutB; animation-name: fadeoutB; }
@-webkit-keyframes fadeoutB { 0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(100px);
}
}
@-moz-keyframes fadeoutB { 0% {
opacity:1;
-moz-transform:translateY(0);
}
100% {
opacity:0;
-moz-transform:translateY(100px);
}
}
@-ms-keyframes fadeoutB { 0% {
opacity:1;
-ms-transform:translateY(0);
}
100% {
opacity:0;
-ms-transform:translateY(100px);
}
}
@keyframes fadeoutB { 0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(100px);
}
}
/*淡出-向左*/
.fadeout-left { -webkit-animation-name: fadeoutL; -moz-animation-name: fadeoutL; -ms-animation-name: fadeoutL; animation-name: fadeoutL; }
@-webkit-keyframes fadeoutL { 0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-100px);
}
}
@-moz-keyframes fadeoutL { 0% {
opacity:1;
-moz-transform:translateX(0);
}
100% {
opacity:0;
-moz-transform:translateX(-100px);
}
}
@-ms-keyframes fadeoutL { 0% {
opacity:1;
-ms-transform:translateX(0);
}
100% {
opacity:0;
-ms-transform:translateX(-100px);
}
}
@keyframes fadeoutL { 0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(-100px);
}
}
/*弹跳*/
.bounce, .bounce-hover:hover { -webkit-animation-name: a-bounce; -moz-animation-name: a-bounce; -ms-animation-name: a-bounce; animation-name: a-bounce; }
@-webkit-keyframes a-bounce { 0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
}
40% {
-webkit-transform:translateY(-30px);
}
60% {
-webkit-transform:translateY(-15px);
}
}
@-moz-keyframes a-bounce { 0%, 20%, 50%, 80%, 100% {
-moz-transform:translateY(0);
}
40% {
-moz-transform:translateY(-30px);
}
60% {
-moz-transform:translateY(-15px);
}
}
@-ms-keyframes a-bounce { 0%, 20%, 50%, 80%, 100% {
-ms-transform:translateY(0);
}
40% {
-ms-transform:translateY(-30px);
}
60% {
-ms-transform:translateY(-15px);
}
}
@keyframes a-bounce { 0%, 20%, 50%, 80%, 100% {
transform:translateY(0);
}
40% {
transform:translateY(-30px);
}
60% {
transform:translateY(-15px);
}
}
/*弹入*/
.bouncein { -webkit-animation-name: a-bouncein; -moz-animation-name: a-bouncein; -ms-animation-name: a-bouncein; animation-name: a-bouncein; }
@-webkit-keyframes a-bouncein { 0% {
opacity:0;
-webkit-transform:scale(0.3);
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
}
70% {
-webkit-transform:scale(0.9);
}
100% {
-webkit-transform:scale(1);
}
}
@-moz-keyframes a-bouncein { 0% {
opacity:0;
-moz-transform:scale(0.3);
}
50% {
opacity:1;
-moz-transform:scale(1.05);
}
70% {
-moz-transform:scale(0.9);
}
100% {
-moz-transform:scale(1);
}
}
@-ms-keyframes a-bouncein { 0% {
opacity:0;
-ms-transform:scale(0.3);
}
50% {
opacity:1;
-ms-transform:scale(1.05);
}
70% {
-ms-transform:scale(0.9);
}
100% {
-ms-transform:scale(1);
}
}
@keyframes a-bouncein { 0% {
opacity:0;
transform:scale(0.3);
}
50% {
opacity:1;
transform:scale(1.05);
}
70% {
transform:scale(0.9);
}
100% {
transform:scale(1);
}
}
/*弹出*/
.bounceout { -webkit-animation-name: a-bounceout; -moz-animation-name: a-bounceout; -ms-animation-name: a-bounceout; animation-name: a-bounceout; }
@-webkit-keyframes a-bounceout { 0% {
-webkit-transform:scale(1);
}
25% {
-webkit-transform:scale(0.95);
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
}
100% {
opacity:0;
-webkit-transform:scale(0.3);
}
}
@-moz-keyframes a-bounceout { 0% {
-moz-transform:scale(1);
}
25% {
-moz-transform:scale(0.95);
}
50% {
opacity:1;
-moz-transform:scale(1.1);
}
100% {
opacity:0;
-moz-transform:scale(0.3);
}
}
@-ms-keyframes a-bounceout { 0% {
-ms-transform:scale(1);
}
25% {
-ms-transform:scale(0.95);
}
50% {
opacity:1;
-ms-transform:scale(1.1);
}
100% {
opacity:0;
-ms-transform:scale(0.3);
}
}
@keyframes a-bounceout { 0% {
transform:scale(1);
}
25% {
transform:scale(0.95);
}
50% {
opacity:1;
transform:scale(1.1);
}
100% {
opacity:0;
transform:scale(0.3);
}
}
/*转入*/
.rotatein { -webkit-animation-name: a-rotatein; -moz-animation-name: a-rotatein; -ms-animation-name: a-rotatein; animation-name: a-rotatein; }
@-webkit-keyframes a-rotatein { 0% {
opacity:0;
-webkit-transform:rotate(-200deg);
}
100% {
opacity:1;
-webkit-transform:rotate(0);
}
}
@-moz-keyframes a-rotatein { 0% {
opacity:0;
-moz-transform:rotate(-200deg);
}
100% {
opacity:1;
-moz-transform:rotate(0);
}
}
@-ms-keyframes a-rotatein { 0% {
opacity:0;
-ms-transform:rotate(-200deg);
}
100% {
opacity:1;
-ms-transform:rotate(0);
}
}
@keyframes a-rotatein { 0% {
opacity:0;
transform:rotate(-200deg);
}
100% {
opacity:1;
transform:rotate(0);
}
}
/*转出*/
.rotateout { -webkit-animation-name: a-rotateout; -moz-animation-name: a-rotateout; -ms-animation-name: a-rotateout; animation-name: a-rotateout; }
@-webkit-keyframes a-rotateout { 0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(200deg);
opacity:0;
}
}
@-moz-keyframes a-rotateout { 0% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1;
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(200deg);
opacity:0;
}
}
@-ms-keyframes a-rotateout { 0% {
-ms-transform-origin:center center;
-ms-transform:rotate(0);
opacity:1;
}
100% {
-ms-transform-origin:center center;
-ms-transform:rotate(200deg);
opacity:0;
}
}
@keyframes a-rotateout { 0% {
transform-origin:center center;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:center center;
transform:rotate(200deg);
opacity:0;
}
}
/*闪烁*/
.flash, .flash-hover:hover { -webkit-animation-name: a-flash; -moz-animation-name: a-flash; -ms-animation-name: a-flash; animation-name: a-flash; }
@-webkit-keyframes a-flash { 0%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
@-moz-keyframes a-flash { 0%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
@-ms-keyframes a-flash { 0%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
@keyframes a-flash { 0%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
/*震颤*/
.shake, .shake-hover:hover { -webkit-animation-name: a-shake; -moz-animation-name: a-shake; -ms-animation-name: a-shake; animation-name: a-shake; }
@-webkit-keyframes a-shake { 0%, 100% {
-webkit-transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
}
}
@-moz-keyframes a-shake { 0%, 100% {
-moz-transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-moz-transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-moz-transform:translateX(10px);
}
}
@-ms-keyframes a-shake { 0%, 100% {
-ms-transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-ms-transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-ms-transform:translateX(10px);
}
}
@keyframes a-shake { 0%, 100% {
transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
transform:translateX(10px);
}
}
/*摇摆*/
.swing, .swing-hover:hover { -webkit-animation-name: a-swing; -moz-animation-name: a-swing; -ms-animation-name: a-swing; animation-name: a-swing; }
@-webkit-keyframes a-swing { 20% {
-webkit-transform:rotate(15deg);
}
40% {
-webkit-transform:rotate(-10deg);
}
60% {
-webkit-transform:rotate(5deg);
}
80% {
-webkit-transform:rotate(-5deg);
}
100% {
-webkit-transform:rotate(0);
}
}
@-moz-keyframes a-swing { 20% {
-moz-transform:rotate(15deg);
}
40% {
-moz-transform:rotate(-10deg);
}
60% {
-moz-transform:rotate(5deg);
}
80% {
-moz-transform:rotate(-5deg);
}
100% {
-moz-transform:rotate(0);
}
}
@-ms-keyframes a-swing { 20% {
-ms-transform:rotate(15deg);
}
40% {
-ms-transform:rotate(-10deg);
}
60% {
-ms-transform:rotate(5deg);
}
80% {
-ms-transform:rotate(-5deg);
}
100% {
-ms-transform:rotate(0);
}
}
@keyframes a-swing { 20% {
transform:rotate(15deg);
}
40% {
transform:rotate(-10deg);
}
60% {
transform:rotate(5deg);
}
80% {
transform:rotate(-5deg);
}
100% {
transform:rotate(0);
}
}
/*摇晃*/
.wobble, .wobble-hover:hover { -webkit-animation-name: a-wobble; -moz-animation-name: a-wobble; -ms-animation-name: a-wobble; animation-name: a-wobble; }
@-webkit-keyframes a-wobble { 0% {
-webkit-transform:translateX(0);
}
15% {
-webkit-transform:translateX(-50px) rotate(-5deg);
}
30% {
-webkit-transform:translateX(40px) rotate(3deg);
}
45% {
-webkit-transform:translateX(-33px) rotate(-3deg);
}
60% {
-webkit-transform:translateX(10px) rotate(2deg);
}
75% {
-webkit-transform:translateX(-10px) rotate(-1deg);
}
100% {
-webkit-transform:translateX(0);
}
}
@-moz-keyframes a-wobble { 0% {
-moz-transform:translateX(0);
}
15% {
-moz-transform:translateX(-50px) rotate(-5deg);
}
30% {
-moz-transform:translateX(40px) rotate(3deg);
}
45% {
-moz-transform:translateX(-33px) rotate(-3deg);
}
60% {
-moz-transform:translateX(10px) rotate(2deg);
}
75% {
-moz-transform:translateX(-10px) rotate(-1deg);
}
100% {
-moz-transform:translateX(0);
}
}
@-ms-keyframes a-wobble { 0% {
-ms-transform:translateX(0);
}
15% {
-ms-transform:translateX(-50px) rotate(-5deg);
}
30% {
-ms-transform:translateX(40px) rotate(3deg);
}
45% {
-ms-transform:translateX(-33px) rotate(-3deg);
}
60% {
-ms-transform:translateX(10px) rotate(2deg);
}
75% {
-ms-transform:translateX(-10px) rotate(-1deg);
}
100% {
-ms-transform:translateX(0);
}
}
@keyframes a-wobble { 0% {
transform:translateX(0);
}
15% {
transform:translateX(-50px) rotate(-5deg);
}
30% {
transform:translateX(40px) rotate(3deg);
}
45% {
transform:translateX(-33px) rotate(-3deg);
}
60% {
transform:translateX(10px) rotate(2deg);
}
75% {
transform:translateX(-10px) rotate(-1deg);
}
100% {
transform:translateX(0);
}
}
/*震铃*/
.ring, .ring-hover:hover { -webkit-animation-name: a-ring; -moz-animation-name: a-ring; -ms-animation-name: a-ring; animation-name: a-ring; }
@-webkit-keyframes a-ring { 0% {
-webkit-transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
}
}
@-moz-keyframes a-ring { 0% {
-moz-transform:scale(1);
}
10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg);
}
100% {
-moz-transform:scale(1) rotate(0);
}
}
@-ms-keyframes a-ring { 0% {
-ms-transform:scale(1);
}
10%, 20% {
-ms-transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-ms-transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-ms-transform:scale(1.1) rotate(-3deg);
}
100% {
-ms-transform:scale(1) rotate(0);
}
}
@keyframes a-ring { 0% {
transform:scale(1);
}
10%, 20% {
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg);
}
100% {
transform:scale(1) rotate(0);
}
}
/*旋转*/
.rotate, .rotate-hover:hover { -webkit-animation-name: a-rotate; -moz-animation-name: a-rotate; -ms-animation-name: a-rotate; animation-name: a-rotate; }
@-webkit-keyframes a-rotate { 0% {
-webkit-transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(359deg);
}
}
@-moz-keyframes a-rotate { 0% {
-moz-transform:rotate(0deg);
}
100% {
-moz-transform:rotate(359deg);
}
}
@-ms-keyframes a-rotate { 0% {
-ms-transform:rotate(0deg);
}
100% {
-ms-transform:rotate(359deg);
}
}
@keyframes a-rotate { 0% {
transform:rotate(0deg);
}
100% {
transform:rotate(359deg);
}
}
 @media (max-width: 767px) {
.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 25px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 36%; z-index: 5; display: inline-block; }
}